.circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    /*background: linear-gradient(90deg, #feac5e, #c779d0, #4bc0c8);*/
}

.circle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px;
    border: 5px solid transparent;
    border-top: 5px solid #46cc46;
    border-radius: 50%;
    transform: rotate(45deg);
    animation: circleRotate 1s linear infinite;
}

@keyframes circleRotate {

    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }

}


.nodeBox {
    width: 96%;
    height: 96%;
    border-radius: 50%;
    border: 2px solid black;
}

.success {
    /*border: 2px solid green;*/
    background: url("../public/success.svg") center/contain no-repeat #fff;
    /*background: linear-gradient(to bottom, #00ffff 0%, #e6e6e6 100%);*/
}

.error {
    /*border: 2px solid green;*/
    background: url("../public/error.svg") center/contain no-repeat #fff;
    /*background: linear-gradient(to bottom, #00ffff 0%, #e6e6e6 100%);*/
}

.emptyExecute {
    /*border: 2px solid green;*/
    background: url("../public/emptyExecute.svg") center/contain no-repeat #fff;
    /*background: linear-gradient(to bottom, #00ffff 0%, #e6e6e6 100%);*/
}

.pause {
    background: linear-gradient(90deg, #feac5e, #c779d0, #4bc0c8);
}

.debug-line-color{
    background: linear-gradient(90deg, #feac5e, #c779d0, #4bc0c8);
}